/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Nov 11, 2013, 11:17:27 AM
    Author     : lightx
*/

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/RobotoCondensed-webfont.woff) format('woff');
}

h1,h2,h3,h4,h5,h6{
    font-family: "Times New Roman", Times, serif;}

hr, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.popover {
    max-width: 1000px;
}

.jqx-validator-hint {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    height: 20px !important;
}

.jqx-grid-cell{
    background-color: transparent !important;
}

.edited-row {
    color: #333 !important;
    background-color: #f5f5f5 !important;
}

.success-row {
    color: #468847 !important;
    background-color: #dff0d8 !important;
}

.error-row {
    color: #b94a48 !important;
    background-color: #f2dede !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.modal-body {
    padding-left: 160px !important;
    padding: 10px;
    min-height: 170px;
}

.modal-body h4{
    margin-top: 0;
}

.modal-del {
    background: url(../img/delButton-dg.jpg) no-repeat #fff;
}

.modal-info {
    background: url(../img/infoButton-dg.jpg) no-repeat #fff;
}

.modal-add {
    background: url(../img/addButton-dg.jpg) no-repeat #fff;
}

.modal-footer {
    margin-top: 0px;
    padding: 10px 20px 10px;
}

.home-logo {
    background: url(../img/house_logo.png) center;
    width: 65px;
    height: 45px;
    position: absolute;
    margin-top: -15px;
    margin-left: -15px;
}

.overview {
    color: #fff;
    -webkit-text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    -moz-text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
    box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer {
    width: 100%;
    position: fixed;
    font-size: 15px;
    bottom: 0;
    background-color: #f5f5f5;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

.footer > div {
    padding: 5px 10px;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #topmenubar {
        margin-left: 75px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

#loader {
    padding: 10px;
    margin:-200px 0 0 -200px;
    width:400px;
    position: fixed;
    bottom:50%;
    left:50%;
    z-index: 1050;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    display: none;
}

#helper {
    padding: 10px;
    width:300px;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 1000;
    display: none;
}

#loader h4 {
    margin-top: 0;
}

.tooltip-inner {
    min-width: 80px;
}

.progress {
    height: 10px;
    margin: 0;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
    font-size: 13px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
    background-color: #fdf7f7;
    border-color: #eed3d7;
    color: #d9534f;
}
.bs-callout-danger h4 {
    color: #b94a48;
}
.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
  color: #da860f;
}
.bs-callout-warning h4 {
    color: #c09853;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
  color: #3a8ea6;
}
.bs-callout-info h4 {
    color: #3a87ad;
}
/* badge */
.badge-error {
    background-color: #b94a48;
}
.badge-error:hover {
    background-color: #953b39;
}
.badge-warning {
    background-color: #f89406;
}
.badge-warning:hover {
    background-color: #c67605;
}
.badge-success {
    background-color: #468847;
}
.badge-success:hover {
    background-color: #356635;
}
.badge-info {
    background-color: #3a87ad;
}
.badge-info:hover {
    background-color: #2d6987;
}
.badge-inverse {
    background-color: #333333;
}
.badge-inverse:hover {
    background-color: #1a1a1a;
}
.btn .badge {
    position: relative;
    top: 1px;
}
.btn-default .badge {
    color: #fff;
    background-color: #3a87ad;
}
.account-true {
    background: url(../img/motkthat.png) center;
}
.account-demo {
    background: url(../img/motkao.png) center;
}
.down-soft {
    background: url(../img/tai.png) center;
}
.btn-function {
    height: 40px !important; width: 200px !important; font-size: 17px; margin-right: 50px
}
.facebook {
    width: 240px !important;// margin-right: 50px
}
.blue {
    color: #0000FF;
}
.face {
    background: url(../img/face.png) center; width: 32px; height: 32px;
}
.footer-contact {
    margin-top: 15px;
    border-top: 2px ridge #330000;
    margin-bottom: 50px;
}
.contact{
    //font-family: "Times New Roman", Times, serif;
    font-family: sans-serif;
    font-size: 15px;
}
.contact-email {
    font-family: "Times New Roman", Times, serif;
  //  font-family: sans-serif;
    margin-top: 10px;
    background: #fff;
 //   width: 100%;
    height: 100%; 
    font-size: 16px !important; 
   // margin-bottom: 10px;
    padding: 10px;
    border: 1px #ccc solid;
}
.name-contact {
    color: #000000; 
    font-size: 13px; 
    font-weight: bold; 
}
.hand-green {
    color: red;
}